/*共用css*/
.color_red{
    color: #e31f4a;
}
.cursor{
    cursor: pointer;
}
/*用户详情banner*/
.user_info_bunner{
    position: relative;
    width:100%;
    height: 90px;
    background-color: #e31f4a;
}
.user_info{
    margin:0 auto;
    width: 1000px;
    height: 90px;
}
.user_touxiang{
    position: relative;
    top:11px;
    left:10px;
    width:60px;
    height:60px;
    border-radius:35px;
}
.user_info_touxiang{
    position: relative;
    top:-60px;
    width:110px;
    height:110px;
    border-radius:35px;
}
.user_level{
    width:800px;
    height:90px;
    float:left;
    margin-left:-165px;
}
.user_level label{
    color: #fff;
    position: relative;
    top: -32px;
    left:10px;
    z-index: 2;
}
.user_level span{
    position: relative;
    top:-20px;
    left:85px;
    font-size: 14px;
    color: #fff;
    display: block;
}
.user_levels{
    width:800px;
    height:90px;
    float:left;
    margin-left:20px;
}
.title_levels{
    position: relative;
    top: -120px;
    left:10px;
    z-index: 2;
}
.user_levels span{
    position: relative;
    top:-60px;
    left:125px;
    font-size: 14px;
    color: #fff;
    display: block;
}
.grow_level{
    position: relative;
    top:-68px;
    left:160px;
    z-index: 1;
}
.img_level{
    position: relative;
    top:-70px;
    left:-95px;
}
.title_level{
    position: relative;
    color:#f2f100;
    top:-75px;
    left:-85px;
    z-index: 3;
}
.grow_levels{
    position: relative;
    top:-108px;
    left:190px;
    z-index: 1;
}
.user_shopcar{
    width:80px;
    height:90px;
    float:left;
}
.user_addmanage{
    width:60px;
    height:90px;
    float:left;
}
.user_collection{
    width:60px;
    height:90px;
    float:left;
}
.user_shopcar img{
    margin-top: 16px;
    margin-left: 20px;
}

.user_addmanage img{
    margin-top: 16px;
    margin-left: 10px;
}
.user_collection img{
    margin-top: 16px;
    margin-left: 10px;
}
.user_shopcar label{
    color:#fff;
    font-size:12px;
    margin-left: 7px;
}
.user_addmanage label{
    color:#fff;
    font-size:12px;
    margin-left: 5px;
}
.user_collection label{
    color:#fff;
    font-size:12px;
    margin-left: 5px;
}
.user_shopcar label span{
    color:yellow;
}
/*内容*/
.tran_content{
    position: relative;
    top:15px;
    margin: 0 auto;
    height: 1460px;
    width: 1000px;
    background-color: #fff;
}
/*左侧导航*/
.side_banner{
    background-color: #f5f5f5;
    width: 100px;
    height: 510px;
    font-size: 14px;

}
.side_banner .side_title{
    color:#000;
    padding-top:22px;
    padding-bottom: 10px;
    padding-left:20px;
    font-weight:bold;
}
.side_banner .side_list a{
    text-decoration:none;
}
a{
    color:#777;
}
.active a{
    color: #e31f4a;
}
.side_banner .side_list{
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left:20px;
}
.active{
    color: #e31f4a;
    background-color: #fff;
}
/*右侧内容，订单列表，收藏列表等*/
.order_list{
    position: relative;
    top: -510px;
    left: 100px;
    background-color: #ffffff;
    width: 890px;
    margin-left: 10px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;

}
.order_list table {

    width: 890px;
}
.order_list table tr{

    width: 890px;
}
.order_list table tr th{
    height: 35px;
}
.order_list table tr td{
    height: 35px;
}
.order_list_banner{
    background-color:#e2f5ff;border:1px solid #e2f5ff;
}
.order_list_banner .order_number{
    padding-left:10px;
}
.order_delete{
    padding-right:10px;
}
.order_list_info_tr{
    border:1px solid #e2f5ff;
}

.transt_state{
    color: #e31f4a;
    padding-left: 10px;
    position: relative;
    top:15px;
}
.order_list_shop{
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
}
.order_list_shop img{
    float:left;
}
/*购物车*/
.order_list_shop .checkbox_shopcar{
    float:left;
}
.shopcar_delete{
    margin-top:16px;
}
.order_list_shop_info{
    width:120px;
    float:left;
    margin-left:10px;
}
.cart_total_money{
    margin-top:60px;
    margin-bottom: 10px;
    margin-left:730px;
    width: 162px;
    text-align: center;
    font-size: 16px;
}
.cart_dash{
    color:#fff;
    background-color: #e31f4a;
    margin-left:730px;
    width: 162px;
    height:34px;
    font-size: 16px;
    text-align: center;
    line-height: 34px;
}


/*今日推荐*/
.tuijian_banner{
    position: relative;
    left:110px;
    top:-450px;
    background-color: #e31f4a;
    width: 890px;
    height: 40px;
    color: #fff;
}
.tuijian_banner label{
    line-height:40px;
    padding-left:10px;
}
.tuijian_info{
    margin-top: 5px;
    height: 625px;
    background-color: #f5f5f5;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.tuijian_info .item{
    width:214px;
    height:308px;
    background-color:#fff;
    border:1px solid #d6d6d6;
    flex-grow:1;
}
.tuijian_info .item:hover{
    border:1px solid #e31f4a;
}
.secitem1{
    padding-top:5px;
    padding-left:13px;
    color: #000;
}
.comname{
    font-size: 18px;
}
 .cominfo{
    clear:both;
}
.cominfo:after{
    content:"...";
}
.comprice{
    font-size: 18px;
    color:#e31f4a;
}
.comprice label{
    font-size: 14px;
    color:#d6d6d6;
    text-decoration:line-through;
}
.tuijian_info .secitem{
    padding-top:10px;
    padding-left:13px;
    color: #000;
}
.tuijian_info .secitem img{
    width:197px;
    height:197px;

}
/*分页*/
.pagination{
    list-style:none;
    margin: 0 auto;
    width:600px;
    height:50px;
}
.pagination li{
    padding:5px 10px;
    margin: 5px;
    float: left;
}
.current{
    color:#ffffff;
    background-color: #e31f4a; 
}
/*修改地址*/
.add_tr{
    height:80px;
    border-left: 2px solid #e31f4a;
}
.default_add{
    font-size: 12px;
    color:#e31f4a;
    background-color:#fce4e9;
    border:1px solid #e31f4a;
    padding: 5px 10px;
    text-align: center; 
}
.setup_def{
    font-size: 12px;
    color:#fff;
    background-color:#e31f4a;
    padding: 5px 10px;
    text-align: center; 
}
.add_info_detail{
    height:433px;
    width: 750px;
    border:1px solid #fbfbfb;
    margin-bottom: 18px;
}
.add_info_detail_title{
    height:48px;
    line-height: 48px;
    font-size: 16px;
    color:#333333;
    background-color: #fbfbfb;
}
.add_info_detail_title label{
    margin-left: 20px;
    color:#999999;
}
/*订单详情弹出页*/
.order_info_modal{
    width:660px;
    height:500px;
    border:1px solid #e31f4a;
    border-radius: 5px;
    background-color: #fff;
    position:absolute;
    left:700px;
    top:300px;
    display: none;
}
.order_info_modal_title{
    font-size: 18px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 5px;
}
.order_info_modal_add{
    margin: 0 10px;
    padding-top:5px;
    padding-bottom: 15px;
}
.order_info_modal_formation{
    margin: 0 10px;
    padding-top: 10px;
    padding-bottom: 15px;
    height: 130px;
}
.order_info_modal hr{
    margin: 0 10px;
    height:1px;
    border:none;
    border-top:1px dashed #e31f4a;
}
.order_modal_table{
    margin: 0 10px;
    padding-top: 10px;
    padding-bottom: 15px;
    height: 350px;
}
.order_modal_table table{
    margin-top: 10px;
    margin-left: 20px;
    width: 600px;
}
.modal_table_td1{
    border-right:1px solid;
    border-right-color: #e2f5ff;
    width:40%;
}
.modal_table_td2{
    color:#e31f4a;
    border-right:1px solid;
    border-right-color: #e2f5ff;
    width: 15%;
}
.modal_table_td3{
    color:#e31f4a;
    width:15%;
}
.order_modal_totalmoney{
    position: relative;
    top:10px;
    left:500px;
    width:120px;
}
.order_modal_totalmoney label{
    color: #e31f4a;
}
.order_modal_shutdown{
    background-color:#dbdbdb;
    height:30px;
    width:100px;
    color:#fff;
    text-align: center;
    line-height: 30px;
    border-radius: 10px;
    position: relative;
    top:10px;
    left:270px; 
    cursor:pointer;
}
.order_info_modal_formation_left{
    position:relative;
    top:-80px;
    left:300px;
    width:90px;
    height:90px;
}
.order_info_modal_formation_right{
    position:relative;
    top:-170px;
    left:450px;
    width:90px;
    height:90px;
}
.order_id_number:hover{
    color: #45d5f9;
    cursor:pointer;
}
